import { defineStore } from "pinia";
import {
  NAME,
  IConfigStore,
  ReuqestMethod,
  DataType,
} from "@/stores/datav/types";

export const useConfig = defineStore(NAME, {
  state: (): IConfigStore => {
    return {
      checkedList: [],
      config: {
        // asdas: {
        //   render: "v-text",
        //   location: {
        //     height: 200,
        //     width: 200,
        //     x: 100,
        //     y: 100,
        //   },
        //   data: {},
        //   option: {
        //     fontSize: 34,
        //     color: "#fff",
        //     isLink: false,
        //     link: "",
        //     speed: 5,
        //     lamp: false,
        //     click: false,
        //     context: "文本框",
        //     spacing: 1,
        //     align: "left",
        //     reverse: true,
        //     weight: "normal",
        //     backgroundColor: "rgba(0,0,0,0)",
        //     dateflag: false,
        //     dateformat: "E",
        //     style: "",
        //     class: "",
        //   },
        //   request: {
        //     dataType: DataType.STATIC,
        //     url: "",
        //     method: ReuqestMethod.GET,
        //     params: {},
        //     data: {},
        //     responseKey: "",
        //   },
        //   service: {
        //     after: "",
        //     service: "",
        //   },
        //   other: {
        //     group: "",
        //     icon: "https://dss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=2944858655,3260611328&fm=58",
        //     name: "文字",
        //   },
        // },
        // asdashtml: {
        //   render: "v-html",
        //   location: {
        //     height: 200,
        //     width: 200,
        //     x: 300,
        //     y: 100,
        //   },
        //   data: {},
        //   option: {
        //     _html: "自定义html",
        //     _css: "",
        //     component: "",
        //   },
        //   request: {
        //     dataType: DataType.STATIC,
        //     url: "",
        //     method: ReuqestMethod.GET,
        //     params: {},
        //     data: {},
        //     responseKey: "",
        //   },
        //   service: {
        //     after: "",
        //     service: "",
        //   },
        //   other: {
        //     group: "",
        //     icon: "https://dss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=2944858655,3260611328&fm=58",
        //     name: "文字",
        //   },
        // },
        // asdasimage: {
        //   render: "v-image",
        //   location: {
        //     height: 200,
        //     width: 200,
        //     x: 500,
        //     y: 100,
        //   },
        //   data: {},
        //   option: {
        //     rotate: false,
        //     opacity: 1,
        //     speed: 1,
        //     imgurl: "",
        //   },
        //   request: {
        //     dataType: DataType.STATIC,
        //     url: "",
        //     method: ReuqestMethod.GET,
        //     params: {},
        //     data: {},
        //     responseKey: "",
        //   },
        //   service: {
        //     after: "",
        //     service: "",
        //   },
        //   other: {
        //     group: "",
        //     icon: "https://dss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=2944858655,3260611328&fm=58",
        //     name: "文字",
        //   },
        // },
        // asdascount: {
        //   render: "v-count",
        //   location: {
        //     height: 200,
        //     width: 200,
        //     x: 700,
        //     y: 100,
        //   },
        //   data: {},
        //   option: {
        //     pbgColor: "rgba(255, 255, 255, 0)",
        //     pbgImg:
        //       "http://192.168.100.12:10005/uploads/2019/20191211165254.png",
        //     pWidth: "50",
        //     pMargin: "4",
        //     symbolbgColor: "rgba(0, 81, 255, 0)",
        //     symbolbgImg: "",
        //     symbolWidth: "21",
        //     fontColor: "#17D7F3",
        //     fontSize: "60",
        //     dStyle: "",
        //     companypos: "bottom",
        //     cfontSize: "20",
        //     cfontColor: "#17D7F3",
        //     iscompany: false,
        //     ccontent: "元",
        //     data: "123456",
        //     options: [
        //       "0",
        //       "1",
        //       "2",
        //       "3",
        //       "4",
        //       "5",
        //       "6",
        //       "7",
        //       "8",
        //       "9",
        //       ",",
        //       ".",
        //     ],
        //   },
        //   request: {
        //     dataType: DataType.STATIC,
        //     url: "",
        //     method: ReuqestMethod.GET,
        //     params: {},
        //     data: {},
        //     responseKey: "",
        //   },
        //   service: {
        //     after: "",
        //     service: "",
        //   },
        //   other: {
        //     group: "",
        //     icon: "https://dss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=2944858655,3260611328&fm=58",
        //     name: "文字",
        //   },
        // },
        // asdastabs: {
        //   render: "v-tabs",
        //   location: {
        //     height: 200,
        //     width: 200,
        //     x: 900,
        //     y: 100,
        //   },
        //   data: {},
        //   option: {
        //     width: "100%",
        //     height: "100%",
        //     spacing: 8,
        //     fontSize: 20,
        //     fontColor: "#eeeeee",
        //     bgColor: "#0b2241",
        //     bgImg: "/uploads/2019/20191202085510.png",
        //     border: {
        //       width: 0,
        //       color: "rgba(245, 0, 0, 0)",
        //     },
        //     action: {
        //       fontColor: "#4dffff",
        //       bgImg: "/uploads/2019/20191202085510.png",
        //       bgColor: "#0d618d",
        //       borderColor: "rgba(255, 255, 255, 0)",
        //     },
        //     active: [],
        //     tab: [
        //       {
        //         name: "选项卡1",
        //         id: 1,
        //       },
        //       {
        //         name: "选项卡2",
        //         id: 2,
        //       },
        //     ],
        //     defaultId: 1,
        //   },
        //   request: {
        //     dataType: DataType.STATIC,
        //     url: "",
        //     method: ReuqestMethod.GET,
        //     params: {},
        //     data: {},
        //     responseKey: "",
        //   },
        //   service: {
        //     after: "",
        //     service: "",
        //   },
        //   other: {
        //     group: "",
        //     icon: "https://dss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=2944858655,3260611328&fm=58",
        //     name: "文字",
        //   },
        // },
        // asdastable: {
        //   render: "v-table",
        //   location: {
        //     height: 200,
        //     width: 200,
        //     x: 900,
        //     y: 300,
        //   },
        //   data: {
        //     list: [
        //       { department: "研发1", chulajsh: "案件" },
        //       { department: "研发2", chulajsh: "案件" },
        //       { department: "研发3", chulajsh: "案件" },
        //       { department: "研发4", chulajsh: "案件" },
        //       { department: "研发5", chulajsh: "案件" },
        //       { department: "研发6", chulajsh: "案件" },
        //       { department: "研发7", chulajsh: "案件" },
        //     ],
        //   },
        //   option: {
        //     list: "data.list",
        //     titles: [
        //       {
        //         title: "排名",
        //         key: "index",
        //         width: "30%",
        //         align: "center",
        //       },
        //       {
        //         title: "部门",
        //         key: "department",
        //         width: "30%",
        //         align: "center",
        //       },
        //       {
        //         title: "处理案件",
        //         key: "chulajsh",
        //         width: "30%",
        //         align: "center",
        //       },
        //     ],
        //     titleHeight: "40px",
        //     titlebg: "#007AFF",
        //     rowHeight: "40px",
        //     rowbg: "#5cb1fa",
        //     swiperConfig: {
        //       direction: "vertical",
        //       slidesPerView: "auto", // 显示的数量
        //       spaceBetween: 0, // 每张的间距
        //       autoplay: {
        //         delay: 1000,
        //         stopOnLastSlide: false,
        //         disableOnInteraction: false,
        //       },
        //       loop: true,
        //     },
        //   },
        //   request: {
        //     dataType: DataType.STATIC,
        //     url: "",
        //     method: ReuqestMethod.GET,
        //     params: {},
        //     data: {},
        //     responseKey: "",
        //   },
        //   service: {
        //     after: "",
        //     service: "",
        //   },
        //   other: {
        //     group: "",
        //     icon: "https://dss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=2944858655,3260611328&fm=58",
        //     name: "文字",
        //   },
        // },
        // asdas111: {
        //   render: "v-chart",
        //   location: {
        //     height: 200,
        //     width: 200,
        //     x: 300,
        //     y: 300,
        //   },
        //   data: { name: "1" },
        //   option: {
        //     xAxis: {
        //       type: "category",
        //       data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
        //     },
        //     yAxis: { type: "value" },
        //     series: [
        //       { data: [150, 230, 224, 218, 135, 147, 260], type: "line" },
        //     ],
        //   },
        //   request: {
        //     dataType: DataType.STATIC,
        //     url: "",
        //     method: ReuqestMethod.GET,
        //     params: {},
        //     data: {},
        //     responseKey: "",
        //   },
        //   service: {
        //     after: "",
        //     service: "",
        //   },
        //   other: {
        //     group: "",
        //     icon: "https://dss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=2944858655,3260611328&fm=58",
        //     name: "图标",
        //   },
        // },
        // asdasmap: {
        //   render: "v-map-chart",
        //   location: {
        //     height: 200,
        //     width: 200,
        //     x: 300,
        //     y: 800,
        //   },
        //   data: { climecode: "shanxi1" },
        //   option: {
        //     climecode: "data.climecode",
        //     option: {
        //       tooltip: {
        //         show: true,
        //         trigger: "item",
        //       },
        //
        //       geo: {
        //         show: true,
        //         map: "data.climecode",
        //         label: {
        //           normal: {
        //             show: true,
        //             textStyle: {
        //               color: "#fff",
        //             },
        //           },
        //           emphasis: {
        //             show: true,
        //             textStyle: {
        //               color: "#097593",
        //               fontWeight: "bolder",
        //             },
        //           },
        //         },
        //         roam: true,
        //         itemStyle: {
        //           normal: {
        //             areaColor: "#2380f1",
        //             borderColor: "#016cde",
        //             borderWidth: 2,
        //             shadowColor: "rgba(63, 218, 255, 0.5)",
        //             shadowBlur: 30,
        //           },
        //           emphasis: {
        //             areaColor: "#31d2ff",
        //           },
        //         },
        //       },
        //       series: [
        //         {
        //           type: "map",
        //           mapType: "data.climecode",
        //           map: "data.climecode",
        //           geoIndex: 0,
        //           aspectScale: 0.75,
        //           showLegendSymbol: false,
        //           label: {
        //             normal: {
        //               show: false,
        //             },
        //             emphasis: {
        //               show: false,
        //               textStyle: {
        //                 color: "#fff",
        //               },
        //             },
        //           },
        //           roam: true,
        //           itemStyle: {
        //             normal: {
        //               areaColor: "#031525",
        //               borderColor: "#FFFFFF",
        //             },
        //             emphasis: {
        //               areaColor: "#2B91B7",
        //             },
        //           },
        //           animation: false,
        //         },
        //       ],
        //     },
        //   },
        //   request: {
        //     dataType: DataType.STATIC,
        //     url: "",
        //     method: ReuqestMethod.GET,
        //     params: {},
        //     data: {},
        //     responseKey: "",
        //   },
        //   service: {
        //     after: "",
        //     service: "",
        //   },
        //   other: {
        //     group: "",
        //     icon: "https://dss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=2944858655,3260611328&fm=58",
        //     name: "图标",
        //   },
        // },
      },
      currentIndex: "",
      canvasConfig: {
        // 屏幕名称
        name: "画布",
        // 屏幕简介
        desc: "",
        // 屏幕宽度
        width: 1920,
        // 屏幕高度
        height: 1080,
        //全局变量
        globalVar: [],
        // 分组变量
        groupVar: {},
        // 屏幕缩放比例
        scale: 0.8,
        backgroundColor: "#001529",
        // 屏幕背景图
        backgroundImage:
          "http://datav.tpccn.com/uploads/2019/20191129175520.png",
        // 请求前缀
        requestPrefix: "http://rap2api.taobao.org",
        imagePrefix: "http://rap2api.taobao.org",
        adapt: true,
      },
    };
  },
});
